import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import top from './components/top.vue'
import bottom from './components/bottom.vue'
import recommend from "./components/recommend.vue";
import favorite from "./components/myFavorite.vue";
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

// import './assets/main.css'
// import './assets/css/index.css';
import './assets/css/mydessertstore.css'
import  './assets/css/categorybutton.css'
import  './assets/css/searchAutoComplete.css'
import  './assets/css/newOrder.css'
import  './assets/css/searchHover.css'
import  './assets/css/productcard.css'
import  './assets/css/itemcard.css'
import  './assets/css/signon.css'
// import  './assets/css/our.css'
import  './assets/css/change.css'


const app = createApp(App)
app.component("top", top);
app.component("bottom",bottom)
app.component("recommend",recommend)
app.component("favorite",favorite)

app.use(router)
app.use(store)
app.use(ElementPlus)
app.mount('#app')
